<template>
  <div>
    <div class="show">
      <div class="bgtop" @click="goIndex">
        <div></div>
      </div>
      <van-divider class="line" />
      <h4>欢迎登陆YSL官网</h4>
      <van-tabs v-model="active" line-width="50%" class="logreg">
        <van-tab title="注册" class="reg">
          <register />
        </van-tab>
        <van-tab title="登录" class="login">
          <login />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<script>
import Login from "./Login.vue";
import Register from "./Register.vue";
export default {
  components: { Login, Register },
  data() {
    return {
      show:null,
      active: "1",
    };
  },
  mounted() {
  },
  methods: {
    showPopup() {
      this.show = true;
    },
    goIndex(){
      this.$router.push('/')
    }
  },
};
</script>
<style scoped lang="scss">
* {
  margin: 0;
  padding: 0;
}
.show {
  width: 100% ;
  height: 95% ;
  position: absolute;
  top:0;
  color: black;
  .bgtop {
    width: 100%;
    height: 10%;
    box-sizing: border-box;
    div {
      width: 50%;
      height: 100%;
      margin: 10px auto;
      background: url("/index/bgtop.png") center center no-repeat;
      background-size: contain;
    }
  }
  .line {
    border-color: black;
  }
  h4 {
    text-align: center;
  }
  .logreg {
    width: 90%;
    margin: 0 auto;
  }
}
</style>
